.header{
    height:80px;
    background-color: white;
    .header-top {
        height: 40px;
        // 实现居中
        line-height: 40px;
        // 实现靠右
        text-align: right;
        // 不能使用marging，注意marge和padding之间的区别
        padding-right: 20px;
        border-bottom: 2px solid #0068B7 ;
        .avatar{
            margin-bottom: 8px;
        }
    }
    .header-bottom{
        height: 40px;
        // 水平居中
        display: flex;
        align-items: center;

        .header-bottom-left{
            position: relative;
            width: 20%;
            text-align: center;
            font-size: 20px;
            // 放置三角形
            &::after{
                // 调整位置
                position: absolute;
                left:50%;
                top: 30px;
                transform: translateX(-50%);
                content: '';
                border-top: 20px solid white;
                border-right: 20px solid transparent;
                border-left: 20px solid transparent;
                border-bottom: 20px solid transparent;
            }
        }
        .header-bottom-right{
            width: 80%;
            text-align: right;
            padding-right: 20px;
            font-style: bolder;
        }
    }
}